Question 4/5

"Build a Todo List"

Your solution will be scored against a series of unit test cases.

Build a todo list app that looks like the below screenshot.

The todo list app should be functional. For example, it should allow users to add a new item, delete an existing item.

Requirements:

1. Empty todos are not allowed.
2. Clean the input after a todo is added.
3. Add a todo by pressing "enter" in the input.
4. Add a todo by clicking the + button.
5. Show a delete button when hovering over each todo item.
6. Clicking delete button should remove a specific todo.
7. Use the following class names for your components (important):
8. Todo list: "todo-list"
9. Todo items: "todo"
10. Add button: "add-todo"
11. Delete button: "remove-todo"